<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户管理</title>
    <link rel="stylesheet" href="/plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/plugins/font-awesome-4.7.0/css/font-awesome.css" media="all">
    <link rel="stylesheet" href="/css/dtree.css" media="all"/>
    <link rel="stylesheet" href="/css/font/dtreefont.css" media="all"/>

    <style>
        .addicon {
            margin-right: 5px;
        }

        .restbtn {
            margin-right: 7px;
        }

        .serchbtn {
            margin-right: 6px;
            position: relative;
            top: -1px;
            left: 0;
        }

        .layui-layer-btn0 {
            background: #009688 !important;
            color: #fff9ec !important;
            border-radius: 8px !important;
            border-color: #fcfffa !important;
        }

        .layui-layer-btn1 {
            background: #cd2206 !important;
            color: #fff9ec !important;
            border-radius: 8px !important;
            border-color: #fcfffa !important;
        }
    </style>
</head>
<body>

<!--       查询条件开始-->
<form action="" method="post" id="searchFrm" lay-filter="searchFrm" class="layui-form" style="margin-top: 15px;margin-bottom: 20px">
    <div class="layui-row layui-form-item">
        <div class="layui-col-md4">
            <label class="layui-form-label serchlabel">账号</label>
            <div class="layui-input-block">
                <input type="tel" name="loginname" lay-verify="" autocomplete="off" class="layui-input serchinput" style="width:280px">
            </div>
        </div>
        <div class=" layui-col-md4">
            <label class="layui-form-label serchlabel">用户名</label>
            <div class="layui-input-block">
                <input type="tel" name="name" lay-verify="" autocomplete="off" class="layui-input serchinput" style="width:280px">
            </div>
        </div>
        <div class=" layui-col-md2">
            <button type="button" style="margin-left: 10px" class="layui-btn" lay-submit="" lay-filter="doSearch"><span class="fa fa-search serchbtn"></span>查询</button>
            <button type="reset" class="layui-btn layui-btn-warm"><span class="fa fa-refresh restbtn"></span>重置</button>
        </div>
    </div>
</form>
<!--        查询条件结束-->


<!--        数据表格开始-->
<table id="userTable" class="layui-hide" lay-filter="userTable"></table>
<!--        数据表格结束-->

<!-- 操作列 -->
<script type="text/html" id="userRowBar">
    <button class="layui-btn  layui-btn-xs" lay-event="update"><span class="fa fa-pencil-square-o addicon"></span>修改</button>
    <button class="layui-btn layui-btn-danger layui-btn-xs " lay-event="delete"><span class="fa fa-trash-o addicon"></span>删除</button>
    <button class="layui-btn  layui-btn-xs layui-btn-warm " lay-event="resetPwd"><span class="fa fa-refresh restbtn"></span>重置密码</button>
    <button class="layui-btn  layui-btn-xs " lay-event="selectRole"><span class="fa fa-share-alt addicon"></span>分配角色</button>
</script>
<!--        操作头部工具栏-->
<script type="text/html" id="userToolBar">
    <div>
        <button class="layui-btn layui-btn-sm" lay-event="add"><span class="fa fa-plus addicon"></span>添加</button>
        <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batchdelte"><span class="fa fa-trash-o addicon"></span>批量删除</button>
    </div>
</script>


<!-- 添加和修改的弹出层开始 -->
<div style="display: none;padding-left: 75px;padding-top: 105px" id="addOrUpdateDiv">
    <form action="" method="post" class="layui-form " id="dataFrm" lay-filter="dataFrm">
        <div class="layui-form-item">
            <label class="layui-form-label">账号：</label>
            <div class="layui-inline" style="width: 190px" id="menuTreeDiv">
                <input type="text" name="loginname" lay-verify="required" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-inline" style="margin-left: 10px">
                <label class="layui-form-label">用户名：</label>
                <div class="layui-input-inline">
                    <input type="hidden" name="id">
                    <input type="text" name="name" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">邮箱：</label>
                <div class="layui-input-inline">
                    <input type="tel" name="email" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">电话：</label>
                <div class="layui-input-inline">
                    <input type="text" name="phonenumber" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-block" style="margin-left: 90px">
                <button type="button" style="margin-left: 20px;" class="layui-btn addbtn" lay-submit="" lay-filter="doSubmit" id="doSubmit"><i class="fa fa-check-square restbtn"></i>提交</button>
                <button type="reset" class="layui-btn layui-btn-warm addrestbtn "><i class="fa fa-refresh restbtn"></i>重置</button>
            </div>
        </div>
    </form>
</div>
<!-- 添加和修改的弹出层结束-->

<!-- 用户分配角色弹出层  开始 -->
<div style="display: none;padding: 5px" id="selectUserRoleDiv">
    <table class="layui-hide" id="roleTable" lay-filter="roleTable"></table>
</div>
<!-- 用户分配角色弹出层  结束 -->
<script src="/plugins/layui/layui.js"></script>
<script src="/js/sysmgr/userManager.js"></script>
</body>
</html>